@charset "utf-8";@font-face{font-family:'shuzi';src:url('../font/OPPOSans-M.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'din';src:url('../font/DIN-Light.ttf') format('truetype');font-weight:normal;font-style:normal}.font-b{font-weight:bold}.textflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.textflow2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.textflow3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}.public-nav{border-bottom:1px solid #eee}.public-nav.public-navnoline{border-bottom:0}.public-nav.public-navnoline .container{max-width:1200px}.public-nav .container,.public-nav .container2{display:flex;align-items:center;line-height:.8rem;overflow:auto;white-space:nowrap;max-width:1400px}.public-nav .container .cn1,.public-nav .container2 .cn1{color:#999999}.public-nav .container .cn1:last-child,.public-nav .container2 .cn1:last-child{color:#5ba7c8;font-weight:bold}.public-nav .container .cn2,.public-nav .container2 .cn2{display:flex;align-items:center;margin:0 .1rem}.public-nav .container .cn2 svg path,.public-nav .container2 .cn2 svg path{fill:#999;opacity:.5;stroke:none}.public-text .container{border-bottom:1px solid #eee;padding:1.2rem 0 1.4rem;max-width:1400px}.public-text .container .box{width:71.78571429%;margin:0 auto}@media (max-width: 991px){.public-text .container .box{width:100%}}.public-text .container .box .cn1{line-height:1.33333333em;color:#ddd;text-align:center}@media (max-width: 767px){.public-text .container .box .cn1{font-size:.32rem}}.public-text .container .box .cn1 span{color:#ddd}.public-text .container .box .cn1 span.on{color:#284270}.public-text .container .box .cn1 span.on2{display:block}.public-text.public-textnoline .container{border-bottom:0}.zcom-box1{overflow:hidden;position:relative;border-bottom:1px solid #ddd;padding-bottom:.9rem}@media (max-width: 767px){.zcom-box1{padding-bottom:1.4rem}}.zcom-box1 .zcombox1a{width:57.44125326%;margin:0 auto;padding:1.4rem 0;position:relative}@media (max-width: 991px){.zcom-box1 .zcombox1a{width:80%}}@media (max-width: 767px){.zcom-box1 .zcombox1a{padding-bottom:0}}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide{transform:scale(.9);transition:all .5s}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .img{border-radius:.1rem}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .img::before{padding-top:58.18181818%}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.8;z-index:3;transition:all .5s}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .text{position:absolute;left:50%;transform:translateX(-50%);width:100%;opacity:0;transition:all .5s}@media (max-width: 767px){.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .text{position:relative}}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .text .cn1{margin:.35rem 0 .1rem;display:block;text-align:center;color:#333333;line-height:1.33333333em}@media (max-width: 767px){.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .text .cn1{font-size:.3rem}}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide .text .cn2{display:block;text-align:center;color:#333333;line-height:1.55555556em}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide.swiper-slide-active{transform:scale(1)}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide.swiper-slide-active .img::after{opacity:0}.zcom-box1 .zcombox1a .swiper-wrapper .swiper-slide.swiper-slide-active .text{opacity:1}.zcombox1aprev{position:absolute;top:50%;transform:translateY(-50%);left:-15%;width:.8rem;height:.8rem;background-color:#284270;box-shadow:3px 5px 30px 0 rgba(0,0,0,0.05);opacity:.1;display:flex;align-items:center;justify-content:center;transition:all .5s;cursor:pointer;z-index:6;border-radius:50%}@media (max-width: 991px){.zcombox1aprev{left:-10%}}.zcombox1aprev img{width:.12rem;height:.22rem}.zcombox1aprev:hover{background-color:#5ba7c8;opacity:.5}.zcombox1anext{position:absolute;top:50%;transform:translateY(-50%) rotate(180deg);right:-15%;width:.8rem;height:.8rem;background-color:#284270;box-shadow:3px 5px 30px 0 rgba(0,0,0,0.05);opacity:.1;display:flex;align-items:center;justify-content:center;transition:all .5s;cursor:pointer;z-index:6;border-radius:50%}@media (max-width: 991px){.zcombox1anext{right:-10%}}.zcombox1anext img{width:.12rem;height:.22rem}.zcombox1anext:hover{background-color:#5ba7c8;opacity:.5}.esgbanner.opacity4 .bag:after{opacity:.4}.public-imgtext .box{display:flex;position:relative;margin-bottom:1.4rem}.public-imgtext .box .bgimg{position:absolute;left:0;top:0;width:63.39425587%;height:100%}@media (max-width: 991px){.public-imgtext .box .bgimg{width:100%}}.public-imgtext .box .bgimg img{width:100%;height:100%;object-fit:cover}.public-imgtext .box .container{position:relative;display:flex;align-items:center;max-width:1400px;padding:1.15rem 0;flex-wrap:wrap}.public-imgtext .box .container .left{width:46.14285714%}@media (max-width: 991px){.public-imgtext .box .container .left{width:100%;margin-bottom:.5rem}}.public-imgtext .box .container .left .leftbox{padding-right:30.95975232%}@media (max-width: 991px){.public-imgtext .box .container .left .leftbox{padding-right:0}}.public-imgtext .box .container .left .leftbox .cn1{display:flex}.public-imgtext .box .container .left .leftbox .cn1 .cn1a{height:.5rem;display:flex;flex-shrink:0;margin-right:.1rem;align-items:center}.public-imgtext .box .container .left .leftbox .cn1 .cn1a img{width:auto;max-height:100%}.public-imgtext .box .container .left .leftbox .cn1 .cn1b{line-height:.5rem;color:#284270}.public-imgtext .box .container .left .leftbox .cn2{margin-top:.45rem;color:#999999;line-height:1.5em}.public-imgtext .box .container .right{width:53.85714286%}@media (max-width: 991px){.public-imgtext .box .container .right{width:100%}}.public-imgtext .box .container .right .img::before{padding-top:63.66047745%}.public-imgtext .box:nth-child(even) .bgimg{left:initial;right:0}.public-imgtext .box:nth-child(even) .container{flex-direction:row-reverse}.public-imgtext .box:nth-child(even) .container .left .leftbox{padding-right:0;padding-left:30.95975232%}@media (max-width: 991px){.public-imgtext .box:nth-child(even) .container .left .leftbox{padding-left:0}}.esgbanner .public-nav{position:absolute;left:0;bottom:0;width:100%;z-index:5}.esgbanner .public-nav .container .cn1:last-child{color:#ddd}.public-imgtext2{background-color:#f7f9fc;padding:.8rem 0 1.4rem}.public-imgtext2 .box{display:flex;position:relative;margin-bottom:.6rem}.public-imgtext2 .box .container{position:relative;display:flex;max-width:1400px;flex-wrap:wrap}@media (max-width: 991px){.public-imgtext2 .box .container{flex-direction:column-reverse}}.public-imgtext2 .box .container .left{width:60%}@media (max-width: 991px){.public-imgtext2 .box .container .left{width:100%}}.public-imgtext2 .box .container .left .img::before{padding-top:59.52380952%}.public-imgtext2 .box .container .right{width:40%;padding-top:.6rem}@media (max-width: 991px){.public-imgtext2 .box .container .right{width:100%;margin-bottom:.5rem}}.public-imgtext2 .box .container .right .leftbox{padding-left:.6rem}@media (max-width: 991px){.public-imgtext2 .box .container .right .leftbox{padding-left:0}}.public-imgtext2 .box .container .right .leftbox .cn0{background-image:url(../images/zimg22.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:.6rem;height:.69rem;line-height:.69rem;font-size:.24rem;text-align:center;color:#5ba7c8}.public-imgtext2 .box .container .right .leftbox .cn1{color:#333;line-height:1.27777778em;margin:.25rem 0 .35rem}.public-imgtext2 .box .container .right .leftbox .cn2{color:#333333;line-height:1.5em}.public-imgtext2 .box:nth-child(even) .container{flex-direction:row-reverse}@media (max-width: 991px){.public-imgtext2 .box:nth-child(even) .container{flex-direction:column-reverse}}.public-imgtext2 .box:nth-child(even) .container .right .leftbox{padding-left:0;padding-right:.6rem}@media (max-width: 991px){.public-imgtext2 .box:nth-child(even) .container .right .leftbox{padding-right:0}}.publicity{background-color:#f7f9fc;padding:.8rem 0 1.4rem}.public-zmodule .container{display:flex;max-width:1400px;flex-wrap:wrap;justify-content:space-between}.public-zmodule .container .left{width:220px;position:relative}@media (max-width: 767px){.public-zmodule .container .left{width:100%}}.public-zmodule .container .left img{position:absolute;right:.2rem;top:50%;transform:translateY(-50%)}.public-zmodule .container .left input{position:relative;width:100%;color:#333333;line-height:.6rem;padding:0 .2rem;border:1px solid #edeef0;z-index:3}@media (max-width: 767px){.public-zmodule .container .left input{line-height:.76rem}}.public-zmodule .container .left input::placeholder{color:#333333}.public-zmodule .container .right{position:relative;width:4rem}@media (max-width: 767px){.public-zmodule .container .right{width:100%;margin-top:.3rem}}.public-zmodule .container .right button{display:flex;align-items:center;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);justify-content:center;z-index:6}.public-zmodule .container .right input{position:relative;width:100%;color:#333333;line-height:.6rem;padding:0 .8rem 0 .2rem;border:1px solid #edeef0;z-index:3}@media (max-width: 767px){.public-zmodule .container .right input{line-height:.76rem}}.public-zmodule .container .right input::placeholder{color:#333333}.public-zmodule .container2{margin:.2rem auto .3rem;justify-content:flex-end}.public-zmodule .container2 .cn1{text-align:right;color:#666666}.publicity-list .container{max-width:1400px}.publicity-list .container .bigbox{margin:0 -0.15rem;display:flex;flex-wrap:wrap}.publicity-list .container .box0{width:33%;padding:0 .15rem;margin-bottom:.3rem}@media (max-width: 991px){.publicity-list .container .box0{width:50%}}@media (max-width: 767px){.publicity-list .container .box0{width:100%}}.publicity-list .container .box0 .box{background-color:#Fff;padding:.4rem .3rem;display:block;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all .5s}.publicity-list .container .box0 .box::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#5ba7c8}.publicity-list .container .box0 .box:hover .bgimg{opacity:1}.publicity-list .container .box0 .box:hover .cn1{color:#Fff}.publicity-list .container .box0 .box:hover .cn2{color:#fff}.publicity-list .container .box0 .box:hover .cn3{color:#Fff}.publicity-list .container .box0 .box:hover .cn3 svg path{fill:#Fff}.publicity-list .container .box0 .box .bgimg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;opacity:0}.publicity-list .container .box0 .box .bgimg img{width:100%;height:100%;object-fit:cover}.publicity-list .container .box0 .box .cn1{color:#999999;line-height:1.625em;position:relative;transition:all .5s}.publicity-list .container .box0 .box .cn2{color:#333333;line-height:1.5em;margin:.2rem 0 .6rem;height:4.5em;position:relative;transition:all .5s}.publicity-list .container .box0 .box .cn3{display:flex;align-items:center;color:#000000;position:relative;transition:all .5s}.publicity-list .container .box0 .box .cn3 svg{width:.07rem;height:.12rem;margin-left:.2rem}.publicity-list .container .box0 .box .cn3 svg path{fill:#000;opacity:1;stroke:none;transition:all .5s}.public-page{margin-top:.5rem}.x-page .x-con{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.x-page .x-con a{display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border:1px solid #dddddd;margin:0 5px;transition:.4s ease-in-out;color:#222222}@media (max-width: 767px){.x-page .x-con a{width:.6rem;height:.6rem;margin:0 .1rem .1rem}}.x-page .x-con a.active{background-color:#5ba7c8;color:#fff}.x-page .x-con a:hover{background-color:#5ba7c8;color:#fff}.x-page .x-con a:hover svg path{fill:#fff}.x-page .x-con a.x-l svg{transform:rotate(180deg)}.x-page .x-con a svg{width:8px;height:13px}@media (max-width: 991px){.x-page .x-con a svg{width:.16rem;height:.26rem}}.x-page .x-con a svg path{opacity:1;stroke:none;fill:#999999;transition:.4s ease-in-out}.x-page .x-con span{display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;font-weight:bold;margin:0 -5px}@media (max-width: 767px){.x-page .x-con span{margin:0}}.x-page .x-con .x-f{display:flex;align-items:center}.x-page .x-con .x-f input{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:.75rem;height:.5rem;border:1px solid #dddddd;margin:0 5px;font-weight:bold;transition:.4s ease-in-out}@media (max-width: 767px){.x-page .x-con .x-f input{width:.6rem;height:.6rem;margin:0 .05rem}}.x-page .x-con .x-f input[type="number"]::-webkit-inner-spin-button,.x-page .x-con .x-f input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.x-page .x-con .x-f p{font-weight:bold;color:#222}.x-page .x-con .x-f p:nth-of-type(1){margin:0 .15rem}.x-page .x-con .x-f p:last-child{margin-left:.05rem}.publicity-info1 .container{max-width:1200px}.publicity-info1 .container .box{margin-top:.5rem}.publicity-info1 .container .box .cn1{color:#333333;line-height:1.20833333em}.publicity-info1 .container .box .box2{display:flex;flex-wrap:wrap;margin-top:.4rem;padding-bottom:.25rem;border-bottom:1px solid #ddd}.publicity-info1 .container .box .box2 .cn2{color:#999999;line-height:1.625em;margin-right:.6rem}.publicity-info1 .container .box .box3{margin-top:.4rem;overflow:hidden;word-wrap:break-word}.publicity-info1 .container .box .box3 h3{font-weight:bold}.publicity-info1 .container .box .box3 p{color:#333333;line-height:1.875em}.publicity-info1 .container .box .box4{border-bottom:1px solid #dddddd;margin-top:.7rem;padding-bottom:.45rem;display:flex;align-items:center}.publicity-info1 .container .box .box4 .cn3{color:#999999}.publicity-info1 .container .box .box4 .share{display:flex;align-items:center}.publicity-info1 .container .box .box4 .share .cn5{margin-left:.1rem;width:.44rem;height:.44rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;border:1px solid #ddd}@media (max-width: 767px){.publicity-info1 .container .box .box4 .share .cn5{width:.76rem;height:.76rem}}.publicity-info1 .container .box .box4 .share .cn5 svg{max-width:80%;max-height:80%}.publicity-info1 .container .box .box4 .share .cn5 svg path{fill:#c7c7c7;opacity:1;stroke:none;transition:all .5s}.publicity-info1 .container .box .box4 .share .cn5:hover{border:1px solid #5ba7c8;background-color:#5ba7c8}.publicity-info1 .container .box .box4 .share .cn5:hover svg path{fill:#fff}.publicity-info1 .container .box .box5{padding:.6rem 0 1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap}.publicity-info1 .container .box .box5 .box6{width:40%;display:flex}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box6{width:100%}}.publicity-info1 .container .box .box5 .box6 .cn6{flex-shrink:0;margin-right:.2rem;height:.22rem;display:flex;align-items:center}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box6 .cn6{height:.4rem}}.publicity-info1 .container .box .box5 .box6 .cn6 svg path{fill:#666;opacity:1;stroke:none;transition:all .5s}.publicity-info1 .container .box .box5 .box6 .cn7{display:block}.publicity-info1 .container .box .box5 .box6 .cn7 .cn8{display:block;font-style:normal;line-height:.22rem;color:#666666;transition:all .5s}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box6 .cn7 .cn8{line-height:.4rem}}.publicity-info1 .container .box .box5 .box6.box8{flex-direction:row-reverse}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box6.box8{margin-top:.5rem;flex-direction:row}}.publicity-info1 .container .box .box5 .box6.box8 .cn6{transform:rotate(180deg)}.publicity-info1 .container .box .box5 .box6.box8 .cn7 .cn8{text-align:right}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box6.box8 .cn7 .cn8{text-align:left}}.publicity-info1 .container .box .box5 .box6:hover .cn6 svg path{fill:#5ba7c8}.publicity-info1 .container .box .box5 .box6:hover .cn7 .cn8{color:#5ba7c8}.publicity-info1 .container .box .box5 .box7{width:20%}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box7{width:100%;order:2;margin-top:.5rem}}.publicity-info1 .container .box .box5 .box7 .cn6{display:flex;text-align:center;height:.22rem;justify-content:center}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box7 .cn6{height:.4rem}}.publicity-info1 .container .box .box5 .box7 .cn6 img{height:.12rem}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box7 .cn6 img{height:.24rem}}.publicity-info1 .container .box .box5 .box7 .cn7{line-height:.22rem;display:block;text-align:center;color:#5ba7c8;font-style:normal}@media (max-width: 991px){.publicity-info1 .container .box .box5 .box7 .cn7{line-height:.4rem}}.publicity-info1 .container .box .box5 .box7 .cn7 .cn8{font-style:normal}.social-share .cn5:before{display:none}.publicity.publicity-info2{padding:1.3rem 0}.publicity.publicity-info2 .cn0{color:#284270;text-align:center;line-height:1.20833333em;margin-bottom:.6rem}.ehs{padding-bottom:1.4rem;padding-top:.8rem;background-color:#f7f9fc}.ehs .container{max-width:1400px}.ehs .container .box{width:67.14285714%;margin:0 auto .6rem}@media (max-width: 991px){.ehs .container .box{width:100%}}.ehs .container .box .cn1{text-align:center;line-height:1.20833333em;color:#284270}.ehs .container .box .cn2{margin-top:.3rem;text-align:center;color:#333333;line-height:1.5em}.ehs .container .box2 .box3{display:block;position:relative;margin-top:.3rem}.ehs .container .box2 .box3 .img::before{padding-top:36.42857143%}@media (max-width: 767px){.ehs .container .box2 .box3 .img::before{padding-top:100%}}@media (max-width: 991px){.ehs .container .box2 .box3 .img .pc-img{display:none}}.ehs .container .box2 .box3 .img .mb-img{display:none}@media (max-width: 991px){.ehs .container .box2 .box3 .img .mb-img{display:block}}.ehs .container .box2 .box3 .text{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);z-index:3;padding:.8rem}@media (max-width: 991px){.ehs .container .box2 .box3 .text{padding:.3rem}}.ehs .container .box2 .box3 .text .cn3{color:#Fff;line-height:1.27777778em;margin-bottom:.3rem}.mangesystem{padding-bottom:1.4rem;padding-top:.8rem;background-color:#f7f9fc}.mangesystem .container{max-width:1400px}.mangesystem .container .box{width:67.14285714%;margin:0 auto .6rem}@media (max-width: 991px){.mangesystem .container .box{width:100%}}.mangesystem .container .box .cn1{text-align:center;line-height:1.20833333em;color:#284270;margin-top:.7rem}.mangesystem .container .box .cn2{text-align:center;color:#333333;line-height:1.5em}.mangesystem .container .box2{display:flex;flex-wrap:wrap;margin:0 -0.15rem}.mangesystem .container .box2 .box2a{width:25%;margin-bottom:.3rem;padding:0 .15rem}@media (max-width: 991px){.mangesystem .container .box2 .box2a{width:33.333%}}@media (max-width: 767px){.mangesystem .container .box2 .box2a{width:50%}}.mangesystem .container .box2 .box3{background-color:#Fff;display:block;padding-bottom:.5rem;position:relative;overflow:hidden}.mangesystem .container .box2 .box3 .text{text-align:center;color:#333333;line-height:1.5em;transition:all .4s;position:relative;z-index:3;padding:0 .15rem}.mangesystem .container .box2 .box3 .text2{position:absolute;bottom:-0.6rem;width:100%;left:0;line-height:.6rem;height:.6rem;background-color:#5ba7c8;display:flex;align-items:center;justify-content:center;color:#Fff;transition:all .5s;display:none}.mangesystem .container .box2 .box3 .text2 img{margin-right:.1rem}.mangesystem .container .box2 .box3:hover .img img{transform:scale(1.04)}.mangesystem .container .box2 .box3:hover .text2{bottom:0}.mangesystem .container .box9{margin-top:.8rem;display:flex;align-items:center;justify-content:center;color:#999}.mangesystem .container .box9 img{margin-right:.1rem}